/* CSS Document */
body, h1, h2, h3, dl, dd, blockquote, p {
	margin: 0;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

body {
	font-family: "Microsoft YaHei", "微软雅黑";
}

/* 页眉 */
header {
	overflow: hidden;
	line-height: 42px;
	box-shadow: 0 40px 100px rgba(255,255,255,0.2);
	padding: 10px 0;
	position: fixed;
	z-index: 99;
	width: 100%;
	background: rgba(255,255,255,0.95);
	border-bottom: solid 2px #54B300;
}

header div {
	overflow: hidden;
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 15px;
}

header h1 {
	float: left;
	color: #54B300;
	letter-spacing: 6px;
	font-size: 2em;
}

header h1 b {
	color: #A4A4A4;
}

header nav {
	float: right;
}

header ul {
	
}

header li {
	display: inline-block;
	padding: 0 10px;
}

header a {
	text-decoration: none;
	color: #40338D;
}

header a:hover {
	text-decoration: underline;
	color: #00f;
}

/* 幻灯片 */
.slide {
	width: 100%;
	overflow: hidden;
}

.slide img {
	width: 100%;
	float: left;
}


/* 主体 */
article {
	overflow: hidden;
	padding: 0 0 36px 0;
}

.coupon {
	padding: 0;
	/*max-width: 1000px;
	margin: 0 auto;*/
	background: rgba(92,185,54,0.15);
}

.store {
}

.food {
	background: #A4C95E;
}

.comment {
	
}

.news {
	/*padding: 0 30px;*/
	background: #F7F7F7;
}

.job {
	background: #A4C95E;
}

.contact {
	padding: 0 30px 30px 30px;
}


.coupon h2,
.store h2,
.food h2,
.comment h2,
.news h2,
.job h2,
.contact h2
{
	text-align: center;
	font-size: 36px;
	padding: 36px 0;
}

.fanbai h2 {
	color: #fff;
}

.store section,
.coupon section,
.news section,
.contact section
{
	width: 50%;
	float: left;
}

.coupon blockquote,
.store blockquote,
.news blockquote
{
	padding: 0 15px;
	max-width: 520px;
	float: left;
}

/* 优惠券 */
.coupon img {
	width: 100%;
	float: left;
}

.coupon p {
	font-size: 24px;
	line-height: 24px;
	text-align: center;
}

.coupon ul {
	padding: 40px 0 0 20px;
	overflow: hidden;
}

.coupon li {
	display: block;
	float: left;
	padding: 0 20px;
}

.coupon a {
	display: block;
	text-decoration: none;
}

.coupon li a {
	width: 82px;
}


.coupon a img {
	width: 80px;
	border: solid 1px #ccc;
	border-radius: 10px;
}

.coupon a p {
	clear: left;
	text-align: center;
	font-size: 16px;
	line-height: 24px;
}

/* 门店 */
.store img {
	width: 100%;
	float: left;
}

.store h3 {
	text-align: center;
}

/* 美食 */
.food ul {
	padding: 0;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}

.food li {
	display: inline-block;
	width: 25%;
	float: left;
	text-align: center;
}

.food img {
	max-height: 200px;
}

/* 好评 */
.comment img {
	margin: 0 auto;
    display: block;
    border-radius: 50%;
}

.comment q {
	width: 80%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

/* 新闻 */
.news div {
	max-height: 320px;
	max-width: 520px;
	height: 280px;
	background: url(../img/news-1.jpg);
	background-size: 600px 400px;
}
.news a {
	text-decoration: none;
}

.news h3 {
	font-size: 20px;
	line-height: 24px;
	padding: 10px 0;
	font-weight: normal;
}

/* 招聘 */
.job ul {
	padding: 0 0 20px 0;
	overflow: hidden;
	max-width: 1200px;
	margin: 0 auto;
}

.job li {
	display: block;
	width: 25%;
	float: left;
}

.job dl {
	margin: 0 10px;
	border: solid 1px #aaa;
	padding: 15px;
	border-radius: 10px;
	box-shadow: 2px 2px 5px #aaa;
	background: #fff;
	opacity: 0.95;
}

.job dt {
	font-weight: bold;
	padding: 4px 0 0 0;
}

.job dd {
	padding: 8px 0 0 8px;
	font-size: 16px;
	line-height: 28px;
	min-height: 100px;
}

/* 联系 */
.contact blockquote {
	line-height: 32px;
	padding: 0 15px;
	max-width: 520px;
	float: right;
}

.contact h3 {
	font-size: 24px;
	line-height: 24px;
	padding: 0 0 20px 0;
}

.contact tt,
.contact em
{
	display: block;
}
.contact tt {
	font-family: "微软雅黑";
}

.contact address,
.contact em
{
	font-style: normal;
	width: 520px;
}

.contact input,
.contact textarea,
.contact button
{
	display: block;
	float: left;
}

.contact form {
	overflow: hidden;
	padding: 0 15px;
	max-width: 520px;
}

.contact input,
.contact textarea,
.contact button
{
	border: solid 1px #aaa;
	padding: 8px;
	font-size: 16px;
	line-height: 16px;
	width: 80%;
	margin: 0 0 15px 0;
}

.contact input {
	width: 36%;
}

.contact input.input-last-child {
	margin: 0 0 0 15px;
}

.contact textarea {
	line-height: 24px;
}

.contact button {
	border-radius: 5px;
	width: 100px;
	font-weight: bold;
	background: rgba(124,181,78,1.00);
	border: none;
	padding: 9px;
	color: #fff;
}

/* 页脚 */
footer {
	text-align: center;
	line-height: 50px;
	color: #fff;
	background: #aaa;
}

@media (max-width:480px) {
	header h1 {
		float: none;
		text-align: center;
	}
	
	nav {
		display: none;
	}
	
	.slide {
		padding: 64px 0 0 0;
	}
	
	.store section,
	.coupon section,
	.news section,
	.contact section
	{
		width: 100%;
		float: left;
		clear: left;
	}
	
	.coupon blockquote,
	.store blockquote,
	.news blockquote
	{
		padding: 0;
		float: left;
	}
	
	.coupon section:first-child {
		display: none;
	}
	
	.coupon {
		padding: 0 0 36px 0;
	}
	
	.coupon ul {
		padding: 10px 0 0 0;
	}

	/*.coupon li {
		padding: 0 10px;
	}*/
	
	.coupon li {
		padding: 0;
		width: 25%;
	}
	
	.coupon li a {
		width: auto;
		padding: 0 10px;
	}
	
	.coupon a img {
		width: 100%;
	}
	
	.food li {
		display: inline-block;
		width: 100%;
		float: left;
		clear: left;
		text-align: center;
	}
	
	.food img {
		max-height: 250px;
		width: 100%;
		float: left;
	}
	
	.job li {
		display: block;
		width: 100%;
		float: left;
		clear: left;
	}
	
	.job dl {
		margin: 0 10px 15px 10px;
		border: solid 1px #aaa;
	}
	
	.contact blockquote {
		padding: 0 15px;
		float: none;
	}
	
	.contact input {
		width: 80%;
	}

	.contact input.input-last-child {
		margin: 0 0 15px 0;
	}
}

@media (max-width:375px) {
	.contact {
		padding: 0 0 36px 0;
	}
	
	.contact address,
	.contact em
	{
		width: auto;
	}
	
	.contact section:last-child {
		padding: 20px 0 0 0;
	}
	
	.coupon li a {
		padding: 0 5px;
	}
}
